跳到主要内容

2.3-RN 样式

Create by fall on 25 Apr 2024 Recently revised in 27 Nov 2024

RN 样式

没有全局 style,所有的样式都是行内编写的,通过 style 属性书写。

不使用库的话,你无法定义任何全局样式,为了共享样式,你需要创建一个 theme,并且在每个文件中引用。

和 web 不同,RN 有下面的行为

  • 所有的元素都是默认使用 display:flex
  • flexDirection 默认为 column。(而不是 row)
  • alignContent 默认为 flex-start。(而不是 stretch
  • flexShrink 默认为 0。(而不是 1

一些其他的样式解决方案:

  • NativeWind:tailwind 样式,在 RN 中使用
  • Styled Components:使用 CSS 编写样式

## 参考文章

| 文章名 | 连接地址 |
| ------ | -------- |
| | |